// pages/index/index.js
import  request from  '../../utils/request' 

Page({

  /**
   * 页面的初始数据
   */
  data: {
        bannerList:[], //轮播图
        recommendList:[], //歌曲列表
        rankList:[] //4个榜单
  },

    //点击每日推荐跳转到//recommend
    toRecommend(){
         wx.navigateTo({
           url: '/package/pages/recommend/recommend',
         })
    },


 //获取轮播图数据
  async getBannerList(){ //banner || /banner?type=2
       const result = await  request('/banner',{type:2})
       if(result.code === 200){
         // console.log(result);
       this.setData({
        bannerList:result.banners
       })
       }
   },

  //获取推荐歌曲列表数据
  async getRecommendList(){ //  /personalized?limit=1
     const result =  await  request('/personalized',{limit:20})
     if(result.code === 200){
        //  console.log(result);
        this.setData({
           recommendList:result.result
        })
     }
  },

  //获取排行榜的列表数据
  async  getRankList(){  //   /top/list?idx=6
    //这里我们要的是4个数据
    let index = 0 
    let rankList = []
    while(index<4){
       const result = await request('/top/list',{idx:index++})
      //  console.log(result);
      if(result.code === 200){
          //拿到一个榜单数据就整理一下我们需要的数据
          //把每个榜单数据都整理成一个对象添加到rankList
          let obj ={
              id:result.playlist.id,
              name:result.playlist.name,
              songList:result.playlist.tracks.slice(0,3)
          }
          rankList.push(obj)
          //this.setData 在循环里面会设置4次
          //用户体验会好
        
          this.setData({
              rankList
          })
      }
    }
       
   },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getBannerList()
    this.getRecommendList()
    this.getRankList()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})